<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我们的艺术家</title>
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">

    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>

    <!-- Bootstrap5 图标库 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"
        integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"
        integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" href="../style/导航样式.css" type="text/css">
    <link rel="stylesheet" href="../style/艺术家详情样式.css" type="text/css">
</head>
<style>
    /* header盒子触碰出现*/
    .header-box {

        position: relative;
    }

    .header-menu {
        position: relative;

        display: none;
    }

    .header-box:hover .header-menu {
        display: block;

    }
</style>

<body>
    <!-- 头部导航 -->
    <header class="header position-fixed">
        <div class="header-info bg-black  ">
            全球包邮包退 <span class="d-none d-lg-block"></span>
        </div>
        <div class="mobile-header bg-black">

            <div class="logo">
                <a href="../index/艺术中心首页.html"><img src="../image/logo/线上购买艺术品.644115a1.svg" alt="线上购买艺术品"
                        title="线上购买艺术品"></a>
            </div>
            <div class="quickaccess">
                <div class="search">
                    <i class="bi bi-search icon icon-ico-search lnk"></i>
                </div>
                <div class="favorites">
                    <a href="/zh/account/wishlist" class="main-menu-wishlist"><i
                            class="bi bi-heart icon icon-ico-heart-empty"></i><span class="items">0</span></a>
                </div>

                <div class="cart">
                    <a href="/zh/checkout/cart"><i class="bi bi-bag icon icon-ico-cart2"></i><span
                            class="items">0</span></a>
                </div>
            </div>
            <div id="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
        <div class="main-header bg-black d-none d-lg-block">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-3">
                        <div class="logo ">
                            <a href="../index/艺术中心首页.html">
                                <img src="../image/logo/线上购买艺术品.86d9afd4.svg" alt="线上购买艺术品" title="线上购买艺术品">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 ">
                        <nav class="menu ">
                            <ul class="enabled main-nav text-center ">
                                <li class="main-nav-element header-box">
                                    <a class="mega-menu dd ga text-decoration-none  " href="../index/商品详情.html"
                                        target="_self">艺术品<i class="bi bi-chevron-down"></i></a>
                                    <div class="sub-menu-block header-menu">
                                        <div class="row">

                                        </div>
                                </li>
                                <li class="main-nav-element">
                                    <a class="mega-menu dd ga  text-decoration-none"
                                        href="../index/Laurent Prudot - 画家.html" target="_self">艺术家<i
                                            class="bi bi-chevron-down"></i></a>
                                    <div class="sub-menu-block">
                                        <div class="row">

                                        </div>
                                    </div>
                                </li>
                                <li class="main-nav-element">
                                    <a class="mega-menu dd ga  text-decoration-none" href="../index/作品集.html"
                                        target="_self">作品集<i class="bi bi-chevron-down"></i></a>
                                    <div class="sub-menu-block">
                                        <div class="row">

                                        </div>
                                    </div>

                                </li>
                    </div>
                    <div class="col-md-3">

                        <div class="secondary-nav ">
                            <div class="cart ">
                                <a href="/zh/checkout/cart"><i
                                        class=" bi bi-bag icon icon-ico-cart2 text-white"></i><span
                                        class="items">0</span></a>
                            </div>

                            <div class="favorites  header-box ">
                                <a href="/zh/account/wishlist" class="main-menu-wishlist"><i
                                        class="bi bi-heart icon icon-ico-heart-empty"></i><span
                                        class="items">0</span></a>
                                <div>
                                    <div class="favorites-tooltip header-menu bg-white pt-1  m-auto"
                                        style="width: 250px;height:100px;position: relative;left:-140px;top:5px">

                                        <div class="text-center m-2 " style="height:30px;">我的最爱</div>
                                        <div class="m-0 p-0"
                                            style="background-color:#d5a770;border-top:1px solid #f2f2f2">
                                            <a class="text-dark"
                                                style="line-height:10px;position: relative;bottom:15px;"
                                                href="../index/艺术中心用户后台.html" target="_self">查看我的最爱</a>
                                        </div>
                                    </div>
                                    <svg style="position: relative;bottom:112px;left:10px;"
                                        xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        class="bi bi-caret-up-fill text-white" viewBox="0 0 16 16">
                                        <path
                                            d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z" />
                                    </svg>
                                </div>
                            </div>


                            <!-- 登录界面按钮 -->
                            <div class="account ">
                                <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#myModal">
                                    <i class="user-login lnk icon icon-ico-user bi bi-person"></i> </button>
                            </div>

                            <div class="search ">
                                <i class="icon icon-ico-search lnk bi bi-search"></i>
                            </div>
                            <div class="languages ">
                                <div class="dropdown ">
                                    <button type="button" class="btn btn-close-white dropdown-toggle text-dark"
                                        data-bs-toggle="dropdown">
                                        CN
                                    </button>
                                    <ul class="dropdown-menu">
                                        <li><a class="dropdown-item " href="#home">English</a>
                                        </li>
                                        <li><a class="dropdown-item" href="#menu1">Deutsch</a>
                                        </li>
                                        <li><a class="dropdown-item" href="#menu2">Français</a>
                                        </li>
                                        <li><a class="dropdown-item" href="#menu3">Español</a>
                                        </li>
                                        <li><a class="dropdown-item" href="menu4#">Italiano</a>
                                        </li>
                                        <li><a class="dropdown-item" href="#">日本語</a></li>
                                        <li><a class="dropdown-item" href="#">한국어</a></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </header>
    <!-- 模态框专用 -->
    <section>
        <!-- 登录界面弹出框 -->
        <div class="modal fade container-fluid" id="myModal">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <!-- 模态框内容 -->
                    <div class="modal-body row p-0 m-0">
                        <div class=" col p-5 pb-0 w-50">
                            <div class="pt-0 m-0">
                                <div class="">
                                    <div class=" text-center"><svg class=""
                                            style="color: #d5a770;width: 90px;height:90px;"
                                            xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
                                            <path
                                                d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z" />
                                        </svg></div><br>
                                    <div class="">
                                        <div class="h3 text-center">我是艺术爱好者/收藏家</div>
                                    </div>
                                </div>
                                <p class="text-secondary text-center p-2">创建一个账户来保存您喜爱的作品，并收到我们的优惠通知</p>

                                <div class="p-2 text-center" style="background-color: #d5a770;">
                                    <button type="button" class="btn" data-bs-toggle="modal" data-bs-target="#myModa2">
                                        <a href="../index/创建账户界面.html" target="_self" data-toggle="modal"
                                            data-target="#pop-registration"
                                            class="button primary  text-white text-decoration-none">创建账户
                                        </a>
                                    </button>
                                </div>
                            </div>
                            <div class="text-center">
                                <hr>
                                <div class="small text-secondary p-2">
                                    已有账户？<br>
                                    <a href="../index/登陆界面.html " target="_self" data-toggle="modal"
                                        data-target="#pop-login" class="link or text-dark p-1">登陆</a>
                                </div>
                            </div>
                        </div>
                        <div class="col p-5 pb-0 w-50" style="background-color:#efefef">
                            <div class="">
                                <div class="">
                                    <div class="icon icon-ico-user text-center"><svg class=""
                                            style="color: #d5a770;width: 90px;height:90px;"
                                            xmlns="http://www.w3.org/2000/svg" width="16" height="16"
                                            fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
                                            <path
                                                d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z" />
                                        </svg></div><br>
                                    <div class="">
                                        <div class="h3 text-center">我是艺术家</div>
                                    </div>
                                </div>
                                <p class="text-secondary text-center p-2">您可以在线申请入驻，之后我们会尽快与您取得联系。</p>
                                <div class="p-3 text-center" style="background-color: #d5a770;"><a
                                        href="../index/管理员后台.html" target="_self" data-toggle="modal"
                                        data-target="#pop-registration"
                                        class="button primary  text-white text-decoration-none">在线申请
                                        <i class="icon icon-ico-arrow-new-right"></i></a></div>

                            </div>
                            <!-- 关闭按钮 -->
                            <button type="button" class=" btn   btn-close btn-primary " data-bs-dismiss="modal"
                                style="position: relative;left:-60px;bottom :370px"></button>
                            <!-- 中间标志 -->
                            <div class=" bg-dark text-white  text-center m-auto hidden-xs hidden-sm d-none d-xl-block d-xxl-none "
                                style="width:44px;height:44px;border-radius:44px;line-height:44px;position: relative;left:-200px;bottom :150px">
                                或
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 轮播图 -->
    <section style="margin-top: 126px;">
        <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
                    aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
                    aria-label="Slide 2"></button>
                <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
                    aria-label="Slide 3"></button>
            </div>
            <div class="carousel-inner">
                <div class="carousel-item active position: relative" style="height: 550px;">
                    <img style="width: 1137.6px;;" src="../image/艺术家/轮播图/883_76e355d3f8188ed73958402b22c48f55.jpeg"
                        class="d-block w-100" alt="...">
                    <div class="content">
                        <div class="losange" style="margin: 0 auto "></div>
                        <p>我们的艺术家们</p>
                    </div>
                    <div class="carousel-caption d-none d-md-block">

                        <h5>Virginie Hucher</h5>

                    </div>
                </div>
                <div class="carousel-item" style="height: 550px;">
                    <img style="width: 1137.6px;height: 550px"
                        src="../image/艺术家/轮播图/artist_studio_1181_42f07661cde1815fb0da18728cfd57a2.jpeg"
                        class="d-block w-100" alt="...">
                    <div class="content">
                        <div class="losange" style="margin: 0 auto "></div>
                        <p>我们的艺术家们</p>
                    </div>
                    <div class="carousel-caption d-none d-md-block">

                        <h5>Elisabeth Wedenig</h5>
                    </div>
                </div>
                <div class="carousel-item" style="height: 550px;">
                    <img style="width: 1137.6px;" src="../image/艺术家/轮播图/365_2247234ac3619806d10cfbd0c0cbfc5b.jpeg"
                        class="d-block w-100" alt="...">
                    <div class="content">
                        <div class="losange" style="margin: 0 auto ;"></div>
                        <p>我们的艺术家们</p>
                    </div>
                    <div class="carousel-caption d-none d-md-block">
                        <h5>Third slide label</h5>
                        <p></p>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </section>
    <!-- 中部导航 -->
    <section id="filters" class="artists filters">
        <div class="container">
            <div class="row">
                <div class="filter-container col-md-4 col-sm-4 col-xs-12">
                    <div class="search-main-filter">
                        <div class="dropdown">
                            <button class="btn btn-default dropdown-toggle">媒介</button>
                            <ul id="drop-medium" class="dropdown-menu">
                                <li role="presentation"><a href="#">-</a></li>
                                <li role="presentation"><a href="#">画家</a></li>
                                <li role="presentation"><a href="#">摄影师</a></li>
                                <li role="presentation"><a href="#">绘图师</a></li>
                                <li role="presentation"><a href="#">雕塑家</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="filter-container col-md-4 col-sm-4 col-xs-12">
                    <div class="search-main-filter">
                        <div class="dropdown">
                            <button class="btn btn-default dropdown-toggle">国家
                            </button>
                            <ul id="drop-country" class="dropdown-menu">
                                <li role="presentation"><a href="#">-</a></li>
                                <li role="presentation">
                                    <a href="#">中国</a>
                                </li>
                                <li role="presentation">
                                    <a href="#">中国澳门特别行政区</a>
                                </li>
                                <li role="presentation">
                                    <a href="#">中国香港特别行政区</a>
                                </li>
                                <li role="presentation">
                                    <a href="#">丹麦</a>
                                </li>
                                <li role="presentation">
                                    <a href="#">乌克兰</a>
                                </li>
                                <li role="presentation">
                                    <a href="#">乌拉圭</a>
                                </li>
                                <li role="presentation"><a href="#">亚美尼亚</a></li>
                                <li role="presentation"><a href="#">以色列</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="filter-container col-md-4 col-sm-4 col-xs-12">
                    <div class="search-main-filter offscreen-label">
                        <label for="query">通过姓名检索</label><input id="query" type="text" class="form-control"
                            placeholder="通过姓名检索" value="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 作者盒子 -->
    <section class="artists results" id="results">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="row">
                        <div class="col-md-10 mx-auto ">
                            <div class="title-medium" id="first-row-results">
                                <h1>当代艺术家们 - 最受欢迎的作品</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_4477_7be3f4e25648552e98a12490a7eefde3.jpeg"
                                                        alt="Rie Kono" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Rie Kono</a>
                                                </h2>
                                                <p>
                                                    <a href="#">日本</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_2493_0cbb55358150ed6b54bfb9cd9e9ba067.jpeg"
                                                        alt="Vincent Bardou" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="">Vincent Bardou</a>
                                                </h2>
                                                <p>
                                                    <a href="">法国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <h3>绘图师</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_86_47ab6453dc8c4a850435a03ba86041d1.jpeg"
                                                        alt="Peter Nottrott" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Peter Nottrott</a>
                                                </h2>
                                                <p>
                                                    <a href="#">德国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_2099_3e592b459a9a3f1650cf75498ee7d1b7.jpeg"
                                                        alt="Kristin Kossi" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Kristin Kossi</a>
                                                </h2>
                                                <p>
                                                    <a href="#">德国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_1969_530606ef0b3d044f8d9fa8d5ccf7d390.jpeg"
                                                        alt="Ta Thimkaeo" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Ta Thimkaeo</a>
                                                </h2>
                                                <p>
                                                    <a href="#">泰国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_1973_d6a6feb89c2f5f16e967c32ef4a9da64.jpeg"
                                                        alt="Heather Offord" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Heather Offord</a>
                                                </h2>
                                                <p>
                                                    <a href="#">美国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/9183_profile_d3b953da9280ba25b8c3eb2820812a12.jpeg"
                                                        alt="Bernard Simunovic" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Bernard Simunovic</a>
                                                </h2>
                                                <p>
                                                    <a href="#">德国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <h3>绘图师</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_1514_07e383ec256ca87c0edeb34f25a8114e.jpeg"
                                                        alt="Prof. Gerhard Silber" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Prof. Gerhard Silber</a>
                                                </h2>
                                                <p>
                                                    <a href="#">德国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_4477_7be3f4e25648552e98a12490a7eefde3.jpeg"
                                                        alt="Rie Kono" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Rie Kono</a>
                                                </h2>
                                                <p>
                                                    <a href="#">日本</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>
                            </div>
                        </div>
                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_2493_0cbb55358150ed6b54bfb9cd9e9ba067.jpeg"
                                                        alt="Vincent Bardou" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="">Vincent Bardou</a>
                                                </h2>
                                                <p>
                                                    <a href="">法国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="">
                                                            <h3>绘图师</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_86_47ab6453dc8c4a850435a03ba86041d1.jpeg"
                                                        alt="Peter Nottrott" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Peter Nottrott</a>
                                                </h2>
                                                <p>
                                                    <a href="#">德国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_2099_3e592b459a9a3f1650cf75498ee7d1b7.jpeg"
                                                        alt="Kristin Kossi" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Kristin Kossi</a>
                                                </h2>
                                                <p>
                                                    <a href="#">德国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_1969_530606ef0b3d044f8d9fa8d5ccf7d390.jpeg"
                                                        alt="Ta Thimkaeo" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Ta Thimkaeo</a>
                                                </h2>
                                                <p>
                                                    <a href="#">泰国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_1973_d6a6feb89c2f5f16e967c32ef4a9da64.jpeg"
                                                        alt="Heather Offord" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Heather Offord</a>
                                                </h2>
                                                <p>
                                                    <a href="#">美国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/9183_profile_d3b953da9280ba25b8c3eb2820812a12.jpeg"
                                                        alt="Bernard Simunovic" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Bernard Simunovic</a>
                                                </h2>
                                                <p>
                                                    <a href="#">德国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#">
                                                            <h3>绘图师</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>

                        <div class="col-md-4 col-lg-3 col-sm-6 col-xs-12">
                            <div class="result-artist">
                                <header>
                                    <div class="result-artist-thumb">
                                        <figure>
                                            <div class="thumb">
                                                <a href="#">
                                                    <img class="lzy"
                                                        src="../image/艺术家/艺术家盒子/artist_profile_1514_07e383ec256ca87c0edeb34f25a8114e.jpeg"
                                                        alt="Prof. Gerhard Silber" />
                                                </a>
                                            </div>
                                            <figcaption>
                                                <h2>
                                                    <a href="#">Prof. Gerhard Silber</a>
                                                </h2>
                                                <p>
                                                    <a href="#">德国</a>
                                                </p>
                                                <ul class="tags">
                                                    <li>
                                                        <a href="#">
                                                            <h3>画家</h3>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </figcaption>
                                        </figure>
                                    </div>
                                </header>

                            </div>
                        </div>


                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- 底部 -->
    <footer class="" style="background-color: #232323;">
        <!-- 底部-媒体报道 -->
        <div class=" contaner-fluid p-0" style="height: 700px;background-color: #232323;">
            <div class="container-fluid  p-0 m-0">
                <div class=" text-white small text-center p-5 ">媒体报道</div>
                <div class="container-fluid " style="width:70%">
                    <div class="row align-self-sm-center ">
                        <div class="col p-2 m-0 mx-auto d-block img-fluid btn"><img src="../images/1.jpg" alt=""></div>
                        <div class="col p-2 mx-auto d-block img-fluid btn"><img src="../images/2.jpg" alt=""></div>
                        <div class="col p-2 mx-auto d-block img-fluid btn"><img src="../images/3.jpg" alt=""></div>
                        <div class="col p-2 mx-auto d-block img-fluid btn"><img src="../images/4.jpg" alt=""></div>
                        <div class="col p-2 m-0 mx-auto d-block img-fluid btn"><img src="../images/5.jpg" alt=""></div>
                        <div class="col p-2 m-0 mx-auto d-block img-fluid btn"><img src="../images/6.jpg" alt=""></div>
                        <div class="col p-2 m-0 mx-auto d-block img-fluid btn"><img src="../images/7.jpg" alt=""></div>
                    </div>
                </div>
            </div>
            <!-- 底部-免费订阅SINGULART周刊 -->
            <div class=" mt-5 ">
                <!-- 背景图片设置在第二个大盒子里面，用cover实现覆盖 -->
                <div class="container-fluid"
                    style="background-image:url('../images/18.jpg');background-repeat: no-repeat;background-size: cover;">
                    <div class="row text-center">
                    </div>
                    <div class="col-lg-5 col-md-5 text-center m-auto pt-5 ">
                        <i class="text-center m-3">
                            <!-- 邮件图标 -->
                            <svg xmlns="http://www.w3.org/2000/svg" width="70" height="" fill="currentColor"
                                class="bi bi-collection" style="color: #d5a770;width:60px;height:60px;"
                                viewBox="0 0 16 16">
                                <path
                                    d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z" />
                            </svg>
                        </i>
                        <!--免费订阅SINGULART周刊 -->
                        <div class="h3 text-white text-center m-auto ">
                            免费订阅SINGULART周刊
                        </div>
                    </div>
                    <!-- 邮件地址表单 -->
                    <div class="col-lg-5 col-md-5 col-sm-6 col-xs-offset-0 m-auto ">
                        <form name="nl_banner" method="post" action="/zh/newsletter/signup/nl_banner"
                            class="text-center">
                            <!-- 表格 -->
                            <div class="form-group"><label class="" for="nl_banner_email"></label> <input type="email"
                                    id="nl_banner_email" name="nl_banner[email]" required="required" placeholder="邮箱地址"
                                    class="form-control">
                            </div>


                            <!-- 设置ok按钮 -->
                            <button type="submit" class="btn text-white mt-2 mb-5"
                                style="background-color: #d5a770;width:120px;height:44px;">OK <i
                                    class="icon icon-ico-arrow-new-right"><svg class="text-white m-auto"
                                        style="width: 19px;height:19px;" xmlns="http://www.w3.org/2000/svg" width="19"
                                        height="19" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd"
                                            d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
                                    </svg></i></button>
                            <div class="clear"></div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        </div>
        <!-- 底部-精选艺术家 -->
        <div>
            <div class="row m-auto container">
                <div class="col-md-3 col-xs-6 col-sm-6">
                    <div class="text-center p-2"><i class="icon icon-ico-selection">
                            <svg style="color: #d5a770;width: 50px;height:50px;" xmlns="http://www.w3.org/2000/svg"
                                width="16" height="16" fill="currentColor" class="bi bi-disc" viewBox="0 0 16 16">
                                <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
                                <path
                                    d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 4a4 4 0 0 0-4 4 .5.5 0 0 1-1 0 5 5 0 0 1 5-5 .5.5 0 0 1 0 1zm4.5 3.5a.5.5 0 0 1 .5.5 5 5 0 0 1-5 5 .5.5 0 0 1 0-1 4 4 0 0 0 4-4 .5.5 0 0 1 .5-.5z" />
                            </svg></i></div>
                    <div class=" text-white text-center p-2">精选艺术家</div>
                    <div class="desc text-center" style="color: #9d9d9d;">来自五湖四海的艺术家</div>
                </div>
                <div class="col-md-3 col-xs-6 col-sm-6">
                    <div class="text-center p-2"><i class="icon icon-ico-shipping"><svg
                                style="color: #d5a770;width: 50px;height:50px;" xmlns="http://www.w3.org/2000/svg"
                                width="16" height="16" fill="currentColor" class="bi bi-compass" viewBox="0 0 16 16">
                                <path
                                    d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" />
                                <path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z" />
                            </svg></i></div>
                    <div class="text-white text-center p-2">全球免费邮送</div>
                    <div class="desc text-center" style="color: #9d9d9d;">专业物流三至四周到货</div>
                </div>
                <div class="col-md-3 col-xs-6 col-sm-6">
                    <div class="text-center  p-2"><i class="icon icon-ico-box">
                            <svg style="color: #d5a770;width: 50px;height:50px;" xmlns="http://www.w3.org/2000/svg"
                                width="16" height="16" fill="currentColor" class="bi bi-box" viewBox="0 0 16 16">
                                <path
                                    d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5 8.186 1.113zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z" />
                            </svg></i></div>
                    <div class="text-white text-center p-2">免费返品</div>
                    <div class="desc text-center" style="color: #9d9d9d;">收到作品14天内免费返品</div>
                </div>
                <div class="col-md-3 col-xs-6 col-sm-6">
                    <div class="text-center  p-2"><i class="icon icon-ico-secure"><svg
                                style="color: #d5a770;width: 50px;height:50px;"
                                style="color: #d5a770;width: 50px;height:50px;" xmlns="http://www.w3.org/2000/svg"
                                width="16" height="16" fill="currentColor" class="bi bi-currency-yen"
                                viewBox="0 0 16 16">
                                <path
                                    d="M8.75 14v-2.629h2.446v-.967H8.75v-1.31h2.445v-.967H9.128L12.5 2h-1.699L8.047 7.327h-.086L5.207 2H3.5l3.363 6.127H4.778v.968H7.25v1.31H4.78v.966h2.47V14h1.502z" />
                            </svg></i></div>
                    <div class="text-white text-center  p-2">安全支付方式</div>
                    <div class="desc text-center pb-5" style="color: #9d9d9d;">信用卡或转账支付</div>
                </div>
            </div>
        </div>
          <!-- 底部-支付方式 -->
          <div class="row m-0">
            <div class="col-md-12">
                <div class="text-center mt-5 justify-content-center flex-wrap  align-items-center "
                    style="display: flex;opacity: .7;">
                    <div class="card card-visa border-0" style="width:53px;height:19px;margin:0 10px 15px;">
                        <img src="../images/16.jpg" alt="">
                    </div>
                    <div class="card card-mastercard border-0" style="width:48px;height:30px;margin:0 10px 15px;">
                        <img src="../images/15.jpg" alt="">
                    </div>
                    <div class="card card-american  border-0" style="width:71px;height:28px;margin:0 10px 15px;">
                        <img src="../images/14.jpg" alt="">
                    </div>
                    <div class="card card-paypal  border-0" style="width:53px;height:19px;margin:0 10px 15px;">
                        <img src="../images/17.jpg" alt="">
                    </div>
                    <div class="card card-3x-zh  border-0" style="width:86px;height:40px;margin:0 10px 15px;">
                        <img src="../images/345.jpg" alt="">
                    </div>
                    <div class="card card-bitcoins  border-0" style="width:28px;height:29px;margin:0 10px 15px;">
                        <img src="../images/10.jpg" alt="">
                    </div>
                    <div class="card card-alipay  border-0" style="width:78px;height:27px;margin:0 10px 15px;">
                        <img src="../images/11.jpg" alt="">
                    </div>
                    <div class="card card-sofort  border-0" style="width:43px;height:30px;margin:0 10px 15px;">
                        <img src="../images/13.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部-文字介绍 -->
        <div class=" contaner-fluid p-0 m-0" style="background-color: #232323;color: #9d9d9d;">
            <div class="m-auto" style="width:80%">
                <hr>
                <div class="text-white text-center p-2">您的线上画廊：在Singulart购买艺术品</div>
                <div class=" p-2 small"><strong>让收藏艺术变得简单容易</strong>：SINGULART是一<strong>家当代艺术的线上画廊</strong>消费者和收藏家们可在此
                    <strong>购买来自世界各地 </strong> 的艺术家们的原创作品。 在这里我们有 <a class=" text-decoration-none small"
                        style="color: #9d9d9d;" href="/en/painting/abstract">抽象派帆布画</a>,讽喻画作, 各种绘画涂鸦甚至街头艺术,
                    作品风格迥异，技术多样，集世界各国之大成。SINGULART也在帮助 <a class=" text-decoration-none small" style="color: #9d9d9d;"
                        href="/en/collection/singulart-s-emerging-artists-40">世界各地的</a> 新兴艺术家，致力于将他们的作品带给大众。
                </div>
                <div class="text-white  text-center small p-2">网上轻松购买保质保量的艺术摄影和画作</div>
                <p class="small">为什么在线购买艺术品？因为我们 <strong>按照严格标准</strong>精心挑选来自世界各地的艺术家。遴选标准包括: 举办展览次数, 艺术家居住地,
                    获得奖项及其作品被收藏度。我们全权负责海关和运送，以及作品的装框，让您在SINGULART度过的时间优雅而轻松。
                </p>
                <div class="text-white text-center small p-2">SINGULART, 一家将当代艺术品带给所有人的在线画廊</div>
                <p class="small pb-5">
                    SINGULART相信在数字时代我们可以将艺术带向全世界，每个人都能找到并购得心爱的艺术--不管其来自于非洲的一位新兴艺术家，抑或是法国一位已经颇有名望的画家，甚至是 <a
                        class=" text-decoration-none" style="color: #9d9d9d;"
                        href="/en/painting/street-art">一名街头艺术者。</a>.
                </p>
            </div>
        </div>
        <!-- 底部-声明-图标 -->
        <div class="bd-footer py-5 m-0 bg-black">
            <div class="container py-5 m-auto">
                <div class="row">
                    <div class="col-lg-3 mb-3 p-lg-5 m-lg-0">
                        <a class="d-inline-flex align-items-center mb-2 link-dark text-decoration-none" href="/"
                            aria-label="Bootstrap">
                            <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" fill="currentColor"
                                class="bi bi-spotify" viewBox="0 0 16 16">
                                <path
                                    d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.669 11.538a.498.498 0 0 1-.686.165c-1.879-1.147-4.243-1.407-7.028-.77a.499.499 0 0 1-.222-.973c3.048-.696 5.662-.397 7.77.892a.5.5 0 0 1 .166.686zm.979-2.178a.624.624 0 0 1-.858.205c-2.15-1.321-5.428-1.704-7.972-.932a.625.625 0 0 1-.362-1.194c2.905-.881 6.517-.454 8.986 1.063a.624.624 0 0 1 .206.858zm.084-2.268C10.154 5.56 5.9 5.419 3.438 6.166a.748.748 0 1 1-.434-1.432c2.825-.857 7.523-.692 10.492 1.07a.747.747 0 1 1-.764 1.288z" />
                            </svg>
                        </a>
                    </div>
                    <!-- 底部-声明-客户服务-列表 -->
                    <div class="col-8 col-lg-3 offset-lg-1 mb-3 ">
                        <h5 class="text-white">客户服务</h5>
                        <ul class="list-unstyled text-secondary small m-0 p-0">
                            <li class="mb-0"><a class="text-secondary" href="/" style="text-decoration:none;">联系我们</a>
                            </li>
                            <li class="mb-0"><a class="text-secondary" href="/docs/5.1/"
                                    style="text-decoration:none;">法律声明</a></li>
                            <li class="mb-0"><a class="text-secondary" href="/docs/5.1/examples/"
                                    style="text-decoration:none;">一般条例</a></li>
                            <li class="mb-0"><a class="text-secondary" href="https://themes.getbootstrap.com/"
                                    style="text-decoration:none;">客户评价</a></li>
                            <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                    style="text-decoration:none;">Offer a Gift Card</a></li>
                            <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                    style="text-decoration:none;">获取我的USD$200抵用券</a></li>
                            <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                    style="text-decoration:none;">我的账户</a></li>
                            <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                    style="text-decoration:none;">办公室艺术品</a></li>
                            <li class="mb-0"><a class="text-secondary" href="https://blog.getbootstrap.com/"
                                    style="text-decoration:none;">设计师艺术品</a></li>
                            <li class="mb-0">
                                <a class="text-secondary" href="https://blog.getbootstrap.com/"
                                    style="text-decoration:none;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                        class="bi bi-telephone" viewBox="0 0 16 16">
                                        <path
                                            d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z" />
                                    </svg> +33 176440642</a>
                            </li>
                        </ul>
                    </div>
                    <!-- 底部-声明-我们是谁-列表 -->
                    <div class="col-8 col-lg-2 mb-3 ">
                        <h5 class="text-white">我们是谁？</h5>
                        <ul class="list-unstyled small">
                            <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/"
                                    style="text-decoration:none;">关于我们</a></li>
                            <li class="mb-0"><a class="text-secondary" href="/docs/5.1/examples/starter-template/"
                                    style="text-decoration:none;">我们的艺术家</a></li>
                            <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/webpack/"
                                    style="text-decoration:none;">杂志</a></li>
                            <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/parcel/"
                                    style="text-decoration:none;">团队</a></li>
                            <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/parcel/"
                                    style="text-decoration:none;">我们的遴选标准</a></li>
                            <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/parcel/"
                                    style="text-decoration:none;">常见问题</a></li>
                            <li class="mb-0"><a class="text-secondary" href="/docs/5.1/getting-started/parcel/"
                                    style="text-decoration:none;">联系方式</a></li>

                        </ul>
                    </div>
                    <!-- 底部-声明-艺术家-列表 -->
                    <div class="col-8 col-lg-3 mb-0">
                        <h5 class="text-white">你是一个艺术家么？</h5>
                        <ul class="list-unstyled small">
                            <li class="mb-2 "><a class="text-secondary" href="https://github.com/twbs/bootstrap"
                                    style="text-decoration:none;">如何加入SINGULART</a>
                                <hr class="bg-secondary">
                            </li>
                            <li class="mb-2" style="padding:10px 10px 10px 0px;"><a class="text-secondary"
                                    href="https://github.com/twbs/bootstrap/tree/v4-dev"
                                    style="text-decoration:none;">沪ICP备15013228号-17<br>
                                    <span><img src="../images/8.png" alt="">
                                    </span>沪公网安备31010402004774号</a></li>
                            <li class="mb-2"><a class="text-secondary text-white" href="https://github.com/twbs/icons"
                                    style="text-decoration:none;">精选艺术家：</a></li>
                            <li class="mb-0"><a class="text-secondary" href="https://github.com/twbs/rfs"
                                    style="text-decoration:none;">Kirstin Mccoy</a></li>
                            <li class="mb-0"><a class="text-secondary"
                                    href="https://github.com/twbs/bootstrap-npm-starter"
                                    style="text-decoration:none;">Josep Moncada</a></li>
                            <li class="mb-0"><a class="text-secondary"
                                    href="https://github.com/twbs/bootstrap-npm-starter"
                                    style="text-decoration:none;">Ivan Pili</a></li>
                            <li class="mb-0"><a class="text-secondary"
                                    href="https://github.com/twbs/bootstrap-npm-starter"
                                    style="text-decoration:none;">Kristin Kossi</a></li>
                            <li class="mb-0"><a class="text-secondary"
                                    href="https://github.com/twbs/bootstrap-npm-starter"
                                    style="text-decoration:none;">Peter Nottrott</a></li>
                        </ul>
                    </div>
                </div>
                <!-- 底部-声明-评价 -->
                <div class="container text-white small">
                    <hr class="">
                    <div><a class="small text-decoration-none text-white"> 在2464份售后跟踪调查中,
                            Singulart获得了9.8分（满分10分）的高分好评</a>
                        <i class=" btn-outline-warning p-md-2 m-lg-1"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                            </svg></i>
                        <i class=" btn-outline-warning p-md-2"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                            </svg></i>
                        <i class=" btn-outline-warning p-md-2"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                            </svg></i>
                        <i class=" btn-outline-warning p-md-2"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                            </svg></i>
                        <i class=" btn-outline-warning p-md-2"><svg xmlns="http://www.w3.org/2000/svg" width="20"
                                height="20" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
                                <path
                                    d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
                            </svg></i>

                        <span class="text-right float-end small">© 2019 SINGULART</span>
                    </div>

                </div>
            </div>
        </div>

    </footer>
</body>

</html>